<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>《阴阳师》手游官网_网易和风匠心巨制，开启唯美奇幻之旅</title>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="ico/iconfont.css">
    <link rel="shortcut icon" href="favicon.ico"/>
    <script src="jquery-1.12.4.js"></script>
    <script src="js/index.js"></script>
    <script>
        //页面加载完成后执行的代码
        $(document).ready(function () {
            //左侧阴阳师
            $("#banner .yys").css({
                "width": 70,
                "height": 199,
                "top": 38
            });
            $("#banner .yys").animate({
                "left": 50,
                "opacity": 1
            }, 1300);

            //slogon
            $("#banner .slogon").animate({
                "top": "65px",
                "opacity": 1
            }, 1000);

            //shenle
            $("#banner .shenle").animate({
                "top": "0px",
                "opacity": 1
            }, 900);

            //qingmin
            $("#banner .qingming").animate({
                "top": "40px",
                "opacity": 1
            }, 1100);

            $("#banner .qingwa").animate({
                "left": "50%",
                "opacity": 1
            }, 1500);


            //底部

            //二维码扫描
            var bu = 0;
            setInterval(function () {
                bu += 1;
                $(".nie_download_wrap  .NIE-qrcode .line").css("top", bu + "px");

                if (bu == 100) {
                    bu = 0;
                }

            }, 17);//17毫秒，运动起来十分顺滑
        })

    </script>
</head>
<body>
<!--top开始-->
<!--<div id="top">-->
<!--<div id="top-main" class="top-main w clearfix">-->
<!--<a href="#" class="logo"></a>-->

<!--<div class="right">-->
<!--<div class="one">注册账号</div>-->
<!--<div class="one">安卓充值</div>-->
<!--<div class="two"></div>-->
<!--<div class="three"></div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div id="top">
    <div id="top-main" class="top-main w clearfix">
        <a href="http://game.163.com/" class="logo"></a>

        <div class="right clearfix">
            <div class="one"><a href="../zhuce/zhuce.html" target="_blank">注册账号</a></div>
            <div class="one"><a href="">安卓充值</a></div>
            <div class="two"><a href="">网易游戏全目录</a></div>
            <div class="three"><a href="">领取宝箱</a></div>
        </div>
    </div>
</div>
<!--top结束-->

<!-- 目录开始 -->
<div id="table">
    <ul class="nav">
        <li style="width:247px">
            <b>客户端游戏</b>
        </li>
        <li class="mobi">
            <b>手机游戏</b>
        </li>
        <li style="width:147px;" class="last_th">
            <b>游戏辅助</b>
        </li>

    </ul>

    <ul class="list">
        <li class="li-1">
            <p>角色扮演</p>
            <a href="#">
                <em class="topBar-1st">梦幻西游电脑版</em>
            </a>
            <a href="#">
                <em class="topBar-hot">天下3</em>
            </a>
            <a href="#">
                <em class="topBar-hot">大话2经典版</em>
            </a>
            <a href="#">
                <em class="topBar-new">天谕</em>     <br />
            </a>
            <a href="#">大话2免费版</a>
            <a href="#">
                <em class="topBar-new">西楚霸王</em>
            </a>
            <a href="#">新大话3经典版</a>
            <a href="#">
                <em class="topBar-new">新倩女幽魂</em>
            </a>
            <a href="#">新大话3免费版</a>
            <a href="#">镇魔曲</a>
            <a href="#">大唐无双零</a>
            <a href="#">龙魂时刻</a>
            <a href="#">武魂2</a>
            <a href="#">精灵传说</a>    <br />
            <a href="#">斩魂</a>
            <a href="#">新飞飞</a>      <br />
            <a href="#">魔兽世界</a>
            <a href="#">暗黑破坏神3</a>

            <p>竞技/休闲</p>
            <a href="#">
                <em class="topBar-new">守望先锋</em>
            </a>
            <a href="#">
                <em class="topBar-new">突击英雄</em>
            </a>
            <a href="#">
                <em class="topBar-new">夺宝联盟</em>
            </a>
            <a href="#">
                <em class="topBar-new">无尽战区</em>
            </a>
            <a href="#">
                <em class="topBar-new">战意</em>
            </a>
            <a href="#">
                <em class="topBar-new">秘境对决</em>    <br />
            </a>
            <a href="#">风暴英雄</a>
            <a href="#">星际争霸Ⅱ</a>
            <a href="#">英雄三国</a>
            <a href="#">炉石传说</a>
        </li>

        <li class="hot"  >
            <div class="wapper">
                <div style="width:170px">
                    <p>热门推荐</p>
                    <a href="#">
                        <em class="topBar-hot">梦幻西游手游</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">大话西游手游</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">倩女幽魂手游</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">阴阳师</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">率土之滨</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">掠夺者</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">功夫熊猫3手游</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">乱斗西游2</em>
                    </a>
                    <a href="#">
                        <em class="topBar-hot">梦幻西游无双版</em>
                    </a>
                    <a href="#">西游神魔决</a>
                    <a href="#">时空之刃</a>
                    <a href="#">梦想星城</a>
                    <a href="#">乖离性百万亚瑟王</a>
                    <a href="#">百将行</a>
                    <a href="#">有杀气童话</a>
                </div>
                <div class="news">
                    <p>新品推荐</p>
                    <div id="list-news">
                        <div class="long-news">
                            <a href="#"><em class="topBar-new">天下手游</em></a>
                            <a href="#"><em class="topBar-new">Minecraft我的世界</em></a>
                            <a href="#"><em class="topBar-new">我守护的一切</em></a>
                            <a href="#"><em class="topBar-new">终结者2官方手游</em></a>
                            <a href="#"><em class="topBar-new">大话西游热血版</em></a>
                            <a href="#"><em class="topBar-new">大唐无双手游</em></a>
                            <a href="#"><em class="topBar-new">曙光先锋</em></a>
                            <a href="#"><em class="topBar-new">永远的7日之都</em></a>
                            <a href="#"><em class="topBar-new">坦克世界闪击战</em></a>
                            <a href="#"><em class="topBar-new">天启联盟</em></a>
                            <a href="#">大唐游仙记</a>
                            <a href="#">大航海之路</a>
                            <a href="#">魂之幻影</a>
                            <a href="#">功夫熊猫官方手游</a>
                            <a href="#">猫和老鼠官方手游</a>
                        </div>


                        <div class="short-news">
                            <a href="#">镇魔曲手游</em></a>

                            <a href="#">秘境对决</em></a>
                            <a href="#"><em class="topBar-new">魔法禁书目录</em></a>
                            <a href="#"><em class="topBar-new">三少爷的剑</em></a>

                            <a href="#"><em class="topBar-new">迷雾世界</em></a>
                            <a href="#"><em class="topBar-new">光明大陆</em></a>

                            <a href="#"><em class="topBar-new">荆棘王座</em></a>
                            <a href="#"><em class="topBar-new">重装突击</em></a>
                            <a href="#"><em class="topBar-new">天骄铁骑</em></a>

                            <a href="#">劲舞团</a>

                            <a href="#">永恒文明</a>
                            <a href="#">皇牌机娘</a>
                            <a href="#">貂蝉的移动城堡</a>
                            <a href="#">小时代官方游戏</a>
                            <a href="#">妖刀少女异闻录</a>


                        </div>
                        <div class="mini-news">

                            <a href="#">楚留香</a>
                            <a href="#">我朝有马</a>
                            <a href="#">大富翁9</a>
                            <a href="#">异次元战姬</a>
                            <a href="#">无限战争</a>
                            <a href="#">陆小凤传奇</a>

                            <a href="#">狩猎纪元</a>
                            <a href="#">秘宝猎人</a>
                            <a href="#">格罗亚传奇</a>
                            <a href="#">无限幻斗</a>
                            <a href="#">黑暗启元</a>


                            <a href="#">小李飞刀</a>

                            <a href="#">飞刀又见飞刀</a>

                            <a href="#">天下HD</a>
                            <a href="#">天下X天下</a>







                        </div>
                        <div class="mini-news">
                            <a href="http://yhbj.163.com/?from=nietop" target="_blank">永恒边境</a>
                            <a href="http://ms.163.com/?from=nietop" target="_blank">元气战姬学院</a>
                            <a href="http://wjsy.163.com/?from=nietop" target="_blank">无尽神域</a>
                            <a href="http://yongshi.163.com/?from=nietop" target="_blank">勇士x勇士</a>
                            <a href="http://cs.163.com/?from=nietop" target="_blank">城堡风暴</a>
                            <a href="http://zh.163.com/boot.html?from=nietop" target="_blank">斩魂手游版</a>
                            <a href="http://rxbgs.163.com/?from=nietop" target="_blank">热血办公室</a>
                            <a href="http://xjzdy.163.com/?from=nietop" target="_blank">星际总动员</a>
                            <a href="http://mtj.163.com/?from=nietop" target="_blank">魔天记</a>
                            <a href="http://mrgj.163.com/?from=nietop" target="_blank">末日孤舰</a>
                            <a href="http://cake.163.com/index.html?from=nietop" target="_blank">蛋糕物语</a>
                            <a href="http://yzr.163.com/?from=nietop" target="_blank">雨血：影之刃</a>
                            <a href="http://tth.163.com/?from=nietop" target="_blank">弹弹猴</a>
                            <a href="http://sl.163.com/?from=nietop" target="_blank">圣灵觉醒</a>
                            <a href="http://god.163.com/?from=nietop" target="_blank">命运起源</a>




                        </div>
                        <div class="mini-news">
                            <a href="#">口袋侏罗纪</a>
                            <a href="#">忍者必须死2</a>

                            <a href="#">童话大冒险</a>
                            <a href="#">暴走骑士团</a>
                            <a href="#">倩女幽魂录</a>
                            <a href="#">契约兵团</a>
                            <a href="#">神魔劫</a>
                            <a href="#">火拼萌萌消</a>
                            <a href="#">超能动物联盟</a>
                            <a href="#">将临天下</a>
                            <a href="#">坦克连</a>
                            <a href="#">魔塔学院</a>
                            <a href="#">蘑菇战争</a>
                            <a href="#">魔霸风暴</a>

                            <a href="#">绝代双骄</a>

                        </div>
                        <div class="mini-news">

                            <a href="#">萌王EX</a>
                            <a href="http://nc.163.com/?from=nietop" target="_blank">千岛物语</a>
                            <a href="http://xym.163.com/?from=nietop" target="_blank">迷你西游</a>

                            <a href="http://lzxxdn.163.com/?from=nietop" target="_blank">来自星星的你</a>
                            <a href="http://zgmh.163.com/?from=nietop" target="_blank">主公莫慌</a>
                            <a href="http://slg.163.com/?from=nietop" target="_blank">烽火王师</a>
                            <a href="http://wscs.163.com/?from=nietop" target="_blank">实况俱乐部</a>

                            <a href="http://fmz.163.com/?from=nietop" target="_blank">伏魔咒</a>
                            <a href="http://hyy.163.com/?from=nietop" target="_blank">花语月</a>
                            <a href="http://jm.163.com/?from=nietop" target="_blank">惊梦</a>
                            <a href="http://nyj.163.com/?from=nietop" target="_blank">十万个女妖精</a>




                        </div>
                    </div>

                    <a href="javascript:void(0)" hidefocus="true" class="NIE-topBar-more" id="NIE-topBar-more">更多热门手游</a>
                </div>
            </div>

        </li>

        <!--<li  class="lastList" >-->

        <!--<a href="#"><em class="topBar-hot">游品位</em></a>-->
        <!--<a href="#"><em class="topBar-hot">网易MuMu</em></a>-->
        <!--<a href="#">网易游戏印象</a>-->
        <!--<a href="#">网易游戏平台</a>-->
        <!--<a href="#"><em class="topBar-new">游戏论坛app</em></a>-->
        <!--<a href="#">手机将军令</a>-->
        <!--<a href="#">将军令</a>-->
        <!--<a href="#">游戏知道</a>-->
        <!--<a href="#">藏宝阁</a>-->
        <!--<a href="#">网易CC</a>-->
        <!--<a href="#">客服中心</a>-->
        <!--<a href="#">自助百宝箱</a>-->
        <!--<a href="#">网易UU加速器</a>-->
        <!--<a class="topBar-btn" href="#">网易游戏</a>-->
        <!--</li>-->


    </ul>

</div>
<!-- 目录结束 -->








<!--main开始-->
<!--<div id="main">-->
<!--<img src="images/top_qingwa.gif" alt="青蛙" class="qingwa"/>-->
<!--<a href="index.html"><img src="images/logo.png" alt="阴阳师" class="yys"/></a>-->
<!--<img src="images/top_zi.png" alt="slogon" class="slogon"/>-->
<!--<img src="images/top_boy.png" alt="qingming" class="qingming"/>-->
<!--<img src="images/top_girl.png" alt="shenle" class="shenle"/>-->

<!--</div>-->
<div id="banner">
    <img src="images/top_qingwa.gif" alt="青蛙" class="qingwa"/>
    <!--<img src="images/logo.png" alt="阴阳师" class="yys"/>-->
    <a href="index.html"><img src="images/logo.png" alt="阴阳师" class="yys"/></a>
    <img src="images/top_zi.png" alt="slogon" class="slogon"/>
    <img src="images/top_boy.png" alt="qingming" class="qingming"/>
    <img src="images/top_girl.png" alt="shenle" class="shenle"/>

    <div class="top_bar">
        <div class="left_part">
            <p class="download_txt">扫码下载</p>
            <img src="images/erweima.png">
            <a href="" class="logo_wrap">
                <span class="logo_icon"></span>

                <div class="game_name">
                    <h3>阴阳师</h3>

                    <p>网易和风匠心巨制</p>
                </div>
            </a>
        </div>
        <ul class="topnav_list">
            <li class="topnav_li"><a href="" class="nav_item">官网首页</a><span class="line"></span></li>
            <li class="topnav_li"><a href="../news/news.html" class="nav_item" target="_blank">新闻资讯</a><span class="line"></span></li>
            <li class="topnav_li"><a href="" class="nav_item">游戏攻略</a><span class="line"></span></li>
            <li class="topnav_li"><a href="../tese/tese.html" class="nav_item" target="_blank">游戏特色</a><span class="line"></span></li>
            <li class="topnav_li"><a href="../tongren/tongren.html" class="nav_item" target="_blank">同人专区</a><span class="line"></span></li>
            <li class="topnav_li"><a href="" class="nav_item">官方渠道</a></li>
        </ul>
    </div>
</div>


<div class="nie_download_wrap">
    <div class="nie_download_container">
        <div id="nie-download" class="nie-download clearfix">
            <a href="javascript:;" class="close_donwloadbar"></a>
            <span class="download_txt"></span>

            <div class="NIE-qrcode">
                <img src="images/top_erweima.png" alt="">
                <img src="images/top_hengxian.png" alt="" class="line">
            </div>
            <div class="buttons">
                <a href="https://adl.netease.com/d/g/yys/c/gw?type=ios" class="link-apple "></a>
                <a href="https://adl.netease.com/d/g/yys/c/gw?type=android" class="link-android "></a>
            </div>
        </div>
        <div class="fold_wrap">
            <a href="javascript:;"></a>
        </div>
    </div>
</div>
<div class="sanjiao"></div>
<div class="index_side_bar">
    <div class="sidebar_title"></div>
    <div class="link_list clearfix">
        <a href="" class="icon1 even"><p>斗技,每日12:00-13:00,21:00-22:00<br>
            协同斗技,每周六日14:00-15:30</p></a>
        <a href="" class="icon2 odd"><p>通关探索副本概率开启,随机<br>
            获得金币,达摩碎片,达摩</p></a>
        <a href="" class="icon3 even"><p>妖气封印发现，CD1小时</p></a>
        <a href="" class="icon4 odd"><p>周一至周四鬼王，周五-周日阴界之门，时间19-21点</p></a>
        <a href="" class="icon5 even"><p>每日5点和18点重置</p></a>
        <a href="" class="icon6 odd"><p>个人每周一6点重置，阴阳寮每日5点重置，周六日奖励翻倍</p></a>
        <a href="" class="icon7">
            <p class="curData">【周三】 魍魉之匣、被服、阴摩罗、魅妖</p>

            <div class="iconData">
                <ul>
                    <li>【周一】雪幽魂、地藏像、鸣屋、网切</li>
                    <li>【周二】涅槃之火、三味、招财猫、狰</li>
                    <li>【周三】 魍魉之匣、被服、阴摩罗、魅妖</li>
                    <li>【周四】反枕、心眼、树妖、针女</li>
                    <li>【周五】日女巳时、镜姬、钟灵、破势</li>
                    <li>【周六】随机掉落全部御魂</li>
                    <li>【周日】随机掉落全部御魂</li>
                </ul>
            </div>
            <div class="icon7_h"
                 style="display: none; height: 302px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                <p class="curData">【周三】 魍魉之匣、被服、阴摩罗、魅妖</p>

                <div class="yuyun_con">
                    <ul>
                        <li>【周一】雪幽魂、地藏像、鸣屋、网切</li>
                        <li>【周二】涅槃之火、三味、招财猫、狰</li>
                        <li>【周三】 魍魉之匣、被服、阴摩罗、魅妖</li>
                        <li>【周四】反枕、心眼、树妖、针女</li>
                        <li>【周五】日女巳时、镜姬、钟灵、破势</li>
                        <li>【周六】随机掉落全部御魂</li>
                        <li>【周日】随机掉落全部御魂</li>
                    </ul>
                </div>
            </div>
        </a>
        <a href="" class="icon8 odd"><p>御魂副本获得入场卷，副本产出新御魂「木魅」「薙魂」「返魂香」</p></a>
        <a href="" class="icon9 even1"></a>
        <a href="" class="icon10 even1"></a>
        <a href="" class="icon11 even1"></a>
    </div>
</div>
<!--banner结束-->


<!--news开始-->
<div class="news_section clearfix ">
    <div class="news_part_wrap">
        <div id="new_banner">
            <div class="tempWrap">
                <div class="banner_wrap">
                    <a href="" class="banner_item"><img src="images/lb1.jpg" alt=""></a>
                    <a href="../skzh/shengkongzhaohuan.html" class="banner_item" target="_blank"><img src="images/lb2.jpg" alt=""></a>
                    <a href="" class="banner_item"><img src="images/lb3.jpg" alt=""></a>
                    <a href="" class="banner_item"><img src="images/lb4.jpg" alt=""></a>
                </div>
            </div>
            <div class="banner_nav">
                <a class="on"></a>
                <a></a>
                <a></a>
                <a></a>
            </div>
        </div>
        <div class="news_wrap">
            <div class="news_tabs clearfix">
                <a href="" class="news_tab latest" title="最新">
                    <span></span>
                    <em></em>
                    <i class="seperate_line"></i>
                </a>
                <a href="" class="news_tab news" title="新闻">
                    <span></span>
                    <em></em>
                    <i class="seperate_line"></i>
                </a>
                <a href="" class="news_tab official" title="公告">
                    <span></span>
                    <em></em>
                    <i class="seperate_line"></i>
                </a>
                <a href="" class="news_tab huodong" title="活动">
                    <span></span>
                    <em></em>
                    <i class="seperate_line"></i>
                </a>
                <a href="" class="news_tab media" title="媒体">
                    <span></span>
                    <em></em>
                </a>
            </div>
            <div class="tempWrap2">
                <div class="news_list">
                    <ul>
                        <li><a href="" title="百鬼绮谭，《阴阳师》同人文大赛获奖名单公布">-【新闻】 百鬼绮谭，《阴阳师》同人文大赛获奖名单公布</a><em>2017-02-22</em>
                        </li>
                        <li><a href="" title="感恩回馈 全球2亿下载成就达成">-【新闻】 感恩回馈 全球2亿下载成就达成！</a><em>2017-02-20</em></li>
                        <li><a href="" title="《阴阳师》下载量突破2亿，用户自发传播显口碑">-【新闻】
                            《阴阳师》下载量突破2亿，用户自发传播显口碑</a><em>2017-02-20</em></li>
                        <li><a href="" title="暖心节日策划 《阴阳师》情人节活动回顾">-【新闻】 暖心节日策划 《阴阳师》情人节活动回顾</a><em>2017-02-17</em></li>
                        <li><a href="" title="2月17日维护更新公告">-【公告】 2月17日维护更新公告</a><em>2017-02-16</em></li>
                    </ul>
                    <ul>
                        <li><a href="" title="百鬼绮谭，《阴阳师》同人文大赛获奖名单公布">-【新闻】 百鬼绮谭，《阴阳师》同人文大赛获奖名单公布</a><em>2017-02-22</em>
                        </li>
                        <li><a href="" title="感恩回馈 全球2亿下载成就达成">-【新闻】 感恩回馈 全球2亿下载成就达成！</a><em>2017-02-20</em></li>
                        <li><a href="" title="《阴阳师》下载量突破2亿，用户自发传播显口碑">-【新闻】
                            《阴阳师》下载量突破2亿，用户自发传播显口碑</a><em>2017-02-20</em></li>
                        <li><a href="" title="暖心节日策划 《阴阳师》情人节活动回顾">-【新闻】 暖心节日策划 《阴阳师》情人节活动回顾</a><em>2017-02-17</em></li>
                        <li><a href="" title="2月17日维护更新公告">-【公告】 2月17日维护更新公告</a><em>2017-02-16</em></li>
                    </ul>
                    <ul>
                        <li><a href="" title="百鬼绮谭，《阴阳师》同人文大赛获奖名单公布">-【新闻】 百鬼绮谭，《阴阳师》同人文大赛获奖名单公布</a><em>2017-02-22</em>
                        </li>
                        <li><a href="" title="感恩回馈 全球2亿下载成就达成">-【新闻】 感恩回馈 全球2亿下载成就达成！</a><em>2017-02-20</em></li>
                        <li><a href="" title="《阴阳师》下载量突破2亿，用户自发传播显口碑">-【新闻】
                            《阴阳师》下载量突破2亿，用户自发传播显口碑</a><em>2017-02-20</em></li>
                        <li><a href="" title="暖心节日策划 《阴阳师》情人节活动回顾">-【新闻】 暖心节日策划 《阴阳师》情人节活动回顾</a><em>2017-02-17</em></li>
                        <li><a href="" title="2月17日维护更新公告">-【公告】 2月17日维护更新公告</a><em>2017-02-16</em></li>
                    </ul>
                    <ul>
                        <li><a href="" title="百鬼绮谭，《阴阳师》同人文大赛获奖名单公布">-【新闻】 百鬼绮谭，《阴阳师》同人文大赛获奖名单公布</a><em>2017-02-22</em>
                        </li>
                        <li><a href="" title="感恩回馈 全球2亿下载成就达成">-【新闻】 感恩回馈 全球2亿下载成就达成！</a><em>2017-02-20</em></li>
                        <li><a href="" title="《阴阳师》下载量突破2亿，用户自发传播显口碑">-【新闻】
                            《阴阳师》下载量突破2亿，用户自发传播显口碑</a><em>2017-02-20</em></li>
                        <li><a href="" title="暖心节日策划 《阴阳师》情人节活动回顾">-【新闻】 暖心节日策划 《阴阳师》情人节活动回顾</a><em>2017-02-17</em></li>
                        <li><a href="" title="2月17日维护更新公告">-【公告】 2月17日维护更新公告</a><em>2017-02-16</em></li>
                    </ul>
                    <ul>
                        <li><a href="" title="百鬼绮谭，《阴阳师》同人文大赛获奖名单公布">-【新闻】 百鬼绮谭，《阴阳师》同人文大赛获奖名单公布</a><em>2017-02-22</em>
                        </li>
                        <li><a href="" title="感恩回馈 全球2亿下载成就达成">-【新闻】 感恩回馈 全球2亿下载成就达成！</a><em>2017-02-20</em></li>
                        <li><a href="" title="《阴阳师》下载量突破2亿，用户自发传播显口碑">-【新闻】
                            《阴阳师》下载量突破2亿，用户自发传播显口碑</a><em>2017-02-20</em></li>
                        <li><a href="" title="暖心节日策划 《阴阳师》情人节活动回顾">-【新闻】 暖心节日策划 《阴阳师》情人节活动回顾</a><em>2017-02-17</em></li>
                        <li><a href="" title="2月17日维护更新公告">-【公告】 2月17日维护更新公告</a><em>2017-02-16</em></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<!--news结束-->


<!------------------------------shishen开始--------------------------------------------->

<div class="shishen_section">
    <div class="com_tabs clearfix">
        <div class="tab_name pingan"></div>
        <span class="sperate_dot"></span>
        <a href="javascript:;" class="shishen active">
            <span></span>
            <em></em>
        </a>
        <span class="sperate_dot"></span>
        <a href="javascript:;" class="zhujue">
            <span></span>
            <em></em>
        </a>
    </div>
    <div class="pingan_container">
        <section class="shishen_container show">
            <div class="shishen_topbar clearfix">
                <div class="shishen_tabs">
                    <a href="javascript:;" class="all cur">全部</a>
                    <a href="javascript:;" class="ssr">SSR</a>
                    <a href="javascript:;" class="sr">SR</a>
                    <a href="javascript:;" class="r">R</a>
                    <a href="javascript:;" class="n">N</a>
                </div>
                <a href="" class="btn-viewAll"></a>
            </div>

            <div class="shishenlist_container">
                <a href="javascript:;" class="prev prevStop"></a>
                <a href="javascript:;" class="next"></a>

                <div class="shishen_wrap">
                    <div class="tempWrap3">
                        <div class="shishen_list clearfix"
                             style="width: 5934px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="javascript:;" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>青坊主</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/qfz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>古笼火</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/glh.png" alt="">
                                    </a>
                                </li>
                            </ul>
                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>夜叉</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yecha.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>黑童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/heitongzi.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>白童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/baitongzi.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>花鸟卷</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huaniaojuan.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>烟烟罗</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yanyanluo.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>辉夜姬</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huiyeji.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>桃花妖</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/taohuayao.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>雪女</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/xuenv.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>三尾狐</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/sanweihu.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>灯笼鬼</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/denglonggui.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>座敷童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/zftz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>鲤鱼精</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/liyujing.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="shishen_list clearfix"
                             style="width: 828px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>烟烟罗</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yanyanluo.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>辉夜姬</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huiyeji.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>桃花妖</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/taohuayao.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>雪女</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/xuenv.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>三尾狐</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/sanweihu.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>灯笼鬼</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/denglonggui.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>座敷童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/zftz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>鲤鱼精</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/liyujing.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="shishen_list clearfix"
                             style="width: 2208px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px"
                             ;>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>白童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/baitongzi.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>花鸟卷</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huaniaojuan.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>烟烟罗</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yanyanluo.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>辉夜姬</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huiyeji.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>桃花妖</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/taohuayao.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>雪女</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/xuenv.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>三尾狐</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/sanweihu.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>灯笼鬼</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/denglonggui.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>座敷童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/zftz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>鲤鱼精</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/liyujing.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="shishen_list clearfix"
                             style="width: 2070px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>夜叉</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yecha.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>黑童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/heitongzi.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>白童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/baitongzi.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>花鸟卷</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huaniaojuan.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>烟烟罗</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yanyanluo.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>辉夜姬</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huiyeji.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>桃花妖</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/taohuayao.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>雪女</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/xuenv.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>三尾狐</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/sanweihu.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>灯笼鬼</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/denglonggui.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>座敷童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/zftz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>鲤鱼精</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/liyujing.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="shishen_list clearfix"
                             style="width: 828px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>青坊主</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/qfz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>古笼火</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/glh.png" alt="">
                                    </a>
                                </li>
                            </ul>
                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>夜叉</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yecha.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>黑童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/heitongzi.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>白童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/baitongzi.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>花鸟卷</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huaniaojuan.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>烟烟罗</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/yanyanluo.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>辉夜姬</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/huiyeji.png" alt="">
                                        <i class="icon-new"></i>
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>三尾狐</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/sanweihu.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>灯笼鬼</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/denglonggui.png" alt="">
                                    </a>
                                </li>
                            </ul>

                            <ul style=" float: left; width: 89px;">
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>座敷童子</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/zftz.png" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="shishen_item">
                                    <span class="tb">
                                        <span class="tr">
                                            <span class="td">
                                                <em>鲤鱼精</em>
                                            </span>
                                        </span>
                                    </span>
                                        <img src="images/liyujing.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <section class="zhujue_container  clearfix">
            <div class="zhujue_tabs">
                <a href="javascript:;" class="zhujue_tab cur">
                    <span>晴明</span>
                    <em></em>
                </a>
                <a href="javascript:;" class="zhujue_tab ">
                    <span>神乐</span>
                    <em></em>
                </a>
                <a href="javascript:;" class="zhujue_tab ">
                    <span>源博雅</span>
                    <em></em>
                </a>
                <a href="javascript:;" class="zhujue_tab ">
                    <span>八百比丘尼</span>
                    <em></em>
                </a>
            </div>
            <div class="zhujue_wrap show">
                <img src="images/zhujue_qingming.png" alt="" class="zhujue_pic">

                <div class="zhujue_info">
                    <span class="num one"></span>

                    <h3>晴明</h3>

                    <p>
                        京都城中极具盛名的天才阴阳师
                        <br>
                        却不知为何失去了自己的记忆
                        <br>
                        等待着他的是寻回记忆的喜悦
                        <br>
                        还是不堪回首的残忍真相
                    </p>
                    <a href="" class="to_detail"></a>
                </div>
            </div>

            <div class="zhujue_wrap">
                <img src="images/zhujue_shenle.png" alt="" class="zhujue_pic">

                <div class="zhujue_info">
                    <span class="num two"></span>

                    <h3>神乐</h3>

                    <p>
                        善良而沉默的神秘少女
                        <br>
                        失忆后便跟随在晴明身边
                        <br>
                        拥有敏锐的直觉和强大的通灵能力
                        <br>
                        以及不为人知的过去
                    </p>
                    <a href="" class="to_detail"></a>
                </div>
            </div>

            <div class="zhujue_wrap">
                <img src="images/zhujue_yby.png" alt="" class="zhujue_pic">

                <div class="zhujue_info">
                    <span class="num three"></span>

                    <h3>源博雅</h3>

                    <p>
                        拥有皇室血统的贵族青年
                        <br>
                        擅长弓术与结界之术
                        <br>
                        性情孤傲爽直
                        <br>
                        但似乎一直在寻找某个重要的人
                    </p>
                    <a href="" class="to_detail"></a>
                </div>
            </div>

            <div class="zhujue_wrap">
                <img src="images/zhujue_bqn.png" alt="" class="zhujue_pic">

                <div class="zhujue_info">
                    <span class="num four"></span>

                    <h3>八百比丘尼</h3>

                    <p>
                        因误食人鱼肉而不老不死
                        <br>
                        能力超凡的流浪占卜师
                        <br>
                        一直在凤凰林中等待着
                        <br>
                        占卜之梦预言的命运之人
                    </p>
                    <a href="" class="to_detail"></a>
                </div>
            </div>
        </section>
    </div>
</div>


<!-------------------------------shishen结束-->


<!--strategy开始-->

<div class="strategy clearfix">
    <div class="left_banner_part">
        <div class="search" id="search">
            <input type="text" class="search_con" id="txtSearchKeyword" placeholder="请输入寮间问题"/>

            <div class="btn_search"></div>
        </div>
        <div class="strategy_banner">
            <div class="tempWrap" style="overflow:hidden; position:relative; width:368px">
                <div class="strategy_banner_wrap"
                     style="width: 736px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                    <a href="#" style="float: left; width: 368px;">
                        <img src="images/strategy1.jpg" alt=""/>
                    </a>
                    <a href="#" style="float: left; width: 368px;">
                        <img src="images/strategy2.jpg" alt=""/>
                    </a>
                </div>
            </div>
            <div class="strategy_banner_nav">
                <a href="javascript:;" class="on"></a>
                <a href="javascript:;" class=""></a>
            </div>
        </div>
        <div class="strategy_nav clearfix">
            <a href="" class="clearfix">
                <span class="strategy1"></span>
                <em class="line"></em>
            </a>
            <a href="" class="clearfix">
                <span class="strategy2"></span>
                <em class="line"></em>
            </a>
            <a href="" class="clearfix">
                <span class="strategy3">
                </span>
                <em class="line"></em>
            </a>
            <a href="" class="clearfix">
                <span class="strategy4"></span>
            </a>
        </div>
    </div>

    <div class="right_strategy_part">
        <div class="com_tabs clearfix">
            <a href="#" class="tab_item tab_name"></a>
            <span class="sperate_dot"></span>
            <a href="#" class="tab_item xinshou">
                <span></span>
                <em></em>
            </a>
            <span class="sperate_dot"></span>
            <a href="#" class="tab_item yuhun">
                <span></span>
                <em></em>
            </a>
            <span class="sperate_dot"></span>
            <a href="#" class="tab_item fuben">
                <span></span>
                <em></em>
            </a>
            <span class="sperate_dot"></span>
            <a href="#" class="tab_item help">
                <span></span>
                <em></em>
            </a>
        </div>
        <div class="tempWrap" style="overflow:hidden; position:relative; width:835px">
            <div class="strategy_list"
                 style="width: 4175px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                <ul style="float: left; width: 830px;">
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                </ul>
                <ul style="float: left; width: 830px;">
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                </ul>
                <ul style="float: left; width: 830px;">
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                </ul>
                <ul style="float: left; width: 830px;">
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                </ul>
                <ul style="float: left; width: 830px;">
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="【业原火】痴之阵推荐过关配置">
                            <p>
                                <i></i>
                                <span>【御魂】 【业原火】痴之阵推荐过关配置</span>
                            </p>
                            <em>作者：穷人</em>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<!--strategy开始-->


<!--tongren开始-->
<div class="tongren">
    <div class="tongren_topbar">
        <a href="#" class="tongren_title"></a>
        <ul class="tongren_tabs">
            <li>
                <a href="javascript:;" class="tongren1">
                    <span>
                         <em></em>
                    </span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="javascript:;" class="tongren2">
                    <span>
                         <em></em>
                    </span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="javascript:;" class="tongren3">
                    <span>
                         <em></em>
                    </span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="javascript:;" class="tongren4">
                    <span>
                         <em></em>
                    </span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="javascript:;" class="tongren5">
                    <span>
                         <em></em>
                    </span>
                    <i></i>
                </a>
            </li>
            <li>
                <a href="javascript:;" class="tongren6">
                    <span>
                         <em></em>
                    </span>
                    <i></i>
                </a>
            </li>
            <li class="lastone"></li>
        </ul>
        <a href="#" class="to_tuku"></a>
    </div>
    <div class="tempWrap" style="overflow:hidden; position:relative; width:1220px">
        <div class="tongren_pics_wrap"
             style="width: 7320px; left: -4880px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
            <ul class="tongren_pics clearfix" style="float: left; width: 1220px;">
                <li>
                    <a href="#">
                        <img src="images/tongren_1.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">幼儿园吞吞和茨茨【作者】Mïïn敏 ​​​​</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_2.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">是谁......？召我而来.....【作者】脆皮是一只喵</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_3.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一年之计在于春！【作者】千叶-肖</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_4.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一目连cos【作者】雪饼是韶颜的老公公公公公</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_5.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">人生系列【作者】知心的花英俊</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_6.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">还原茨木童子【作者】抱熊氏</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_7.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">又来一波百绘罗衣【作者】玩家sama</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_8.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">叉琴条漫【作者】海沟花</span>
                    </p>
                </li>
            </ul>


            <ul class="tongren_pics clearfix" style="float: left; width: 1220px;">
                <li>
                    <a href="#">
                        <img src="images/tongren_1.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">幼儿园吞吞和茨茨【作者】Mïïn敏 ​​​​</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_2.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">是谁......？召我而来.....【作者】脆皮是一只喵</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_3.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一年之计在于春！【作者】千叶-肖</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_4.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一目连cos【作者】雪饼是韶颜的老公公公公公</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_5.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">人生系列【作者】知心的花英俊</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_6.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">还原茨木童子【作者】抱熊氏</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_7.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">又来一波百绘罗衣【作者】玩家sama</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_8.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">叉琴条漫【作者】海沟花</span>
                    </p>
                </li>
            </ul>


            <ul class="tongren_pics clearfix" style="float: left; width: 1220px;">
                <li>
                    <a href="#">
                        <img src="images/tongren_1.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">幼儿园吞吞和茨茨【作者】Mïïn敏 ​​​​</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_2.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">是谁......？召我而来.....【作者】脆皮是一只喵</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_3.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一年之计在于春！【作者】千叶-肖</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_4.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一目连cos【作者】雪饼是韶颜的老公公公公公</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_5.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">人生系列【作者】知心的花英俊</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_6.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">还原茨木童子【作者】抱熊氏</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_7.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">又来一波百绘罗衣【作者】玩家sama</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_8.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">叉琴条漫【作者】海沟花</span>
                    </p>
                </li>
            </ul>


            <ul class="tongren_pics clearfix" style="float: left; width: 1220px;">
                <li>
                    <a href="#">
                        <img src="images/tongren_1.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">幼儿园吞吞和茨茨【作者】Mïïn敏 ​​​​</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_2.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">是谁......？召我而来.....【作者】脆皮是一只喵</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_3.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一年之计在于春！【作者】千叶-肖</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_4.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一目连cos【作者】雪饼是韶颜的老公公公公公</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_5.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">人生系列【作者】知心的花英俊</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_6.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">还原茨木童子【作者】抱熊氏</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_7.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">又来一波百绘罗衣【作者】玩家sama</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_8.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">叉琴条漫【作者】海沟花</span>
                    </p>
                </li>
            </ul>


            <ul class="tongren_pics clearfix" style="float: left; width: 1220px;">
                <li>
                    <a href="#">
                        <img src="images/tongren_1.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">幼儿园吞吞和茨茨【作者】Mïïn敏 ​​​​</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_2.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">是谁......？召我而来.....【作者】脆皮是一只喵</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_3.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一年之计在于春！【作者】千叶-肖</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_4.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一目连cos【作者】雪饼是韶颜的老公公公公公</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_5.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">人生系列【作者】知心的花英俊</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_6.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">还原茨木童子【作者】抱熊氏</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_7.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">又来一波百绘罗衣【作者】玩家sama</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_8.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">叉琴条漫【作者】海沟花</span>
                    </p>
                </li>
            </ul>


            <ul class="tongren_pics clearfix" style="float: left; width: 1220px;">
                <li>
                    <a href="#">
                        <img src="images/tongren_1.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">幼儿园吞吞和茨茨【作者】Mïïn敏 ​​​​</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_2.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">是谁......？召我而来.....【作者】脆皮是一只喵</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_3.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一年之计在于春！【作者】千叶-肖</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_4.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">一目连cos【作者】雪饼是韶颜的老公公公公公</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_5.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">人生系列【作者】知心的花英俊</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_6.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">还原茨木童子【作者】抱熊氏</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_7.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">又来一波百绘罗衣【作者】玩家sama</span>
                    </p>
                </li>
                <li>
                    <a href="#">
                        <img src="images/tongren_8.jpg" alt=""/>
                        <span class="cover">
                            <em></em>
                        </span>
                    </a>

                    <p>
                        <span class="name">叉琴条漫【作者】海沟花</span>
                    </p>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--tongren结束-->


<!--video开始-->
<div class="video">
    <div class="video_wrap clearfix">
        <div class="video_part">
            <h3>
                <a href="#"></a>
            </h3>

            <a href="javascript:;" class="js_video item">
                <img src="images/video_1.jpg" alt=""/>

                <p class="name">《阴阳师》核心玩法</p>
            </a>
            <a href="javascript:;" class="js_video item">
                <img src="images/video_2.jpg" alt=""/>

                <p class="name">《阴阳师》声优阵容</p>
            </a>
            <a href="javascript:;" class="js_video item">
                <img src="images/video_3.jpg" alt=""/>

                <p class="name">【阴阳师X极乐净土】抽式神不如跳舞</p>
            </a>

        </div>
        <div class="paper_part">
            <h3></h3>
            <a href="#" class="item">
                <img src="images/video_4.jpg" alt=""/>

                <p class="name">游戏场景原画</p>
            </a>
            <a href="#" class="item">
                <img src="images/video_5.jpg" alt=""/>

                <p class="name">游戏场景原画</p>
            </a>
            <a href="#" class="item">
                <img src="images/video_6.jpg" alt=""/>

                <p class="name">游戏场景原画</p>
            </a>

        </div>
    </div>
</div>


<!--video结束-->


<!--activity开始-->
<div class="activity">
    <div class="activity_wrap clearfix">
        <div class="activity_title"></div>
        <ul>
            <li>
                <a href="#" class="activity_item" title="同人文征集">
                    <img src="images/activity_1.jpg" alt=""/>
                    <span class="name">同人文征集</span>
                </a>
            </li>
            <li>
                <a href="#" class="activity_item" title="天机谱：有奖攻略互动计划">
                    <img src="images/activity_2.jpg" alt=""/>
                    <span class="name">天机谱：有奖攻略互动计划</span>
                </a>
            </li>
            <li>
                <a href="#" class="activity_item" title="论坛活动，参与有奖">
                    <img src="images/activity_3.jpg" alt=""/>
                    <span class="name">论坛活动，参与有奖</span>
                </a>
            </li>
            <li>
                <a href="#" class="activity_item" title="绝美启幕，敬请期待！">
                    <img src="images/activity_4.jpg" alt=""/>
                    <span class="name">绝美启幕，敬请期待！</span>
                </a>
            </li>
        </ul>
    </div>
</div>

<!--activity结束-->

<!--section开始-->
<div class="section">
    <a href="index.html" class="sec-logo"></a>

    <div class="sec-weibo">
        <div class="code">
            <img src="images/sec-weibo.png" alt="weibo"/>
        </div>
        <div class="txt clearfix">
            <p>关注官方微博</p>

            <p>扫描二维码</p>
            <span class="wb_txt"></span>
            <!--::after-->
        </div>
        <span class="line"></span>
        <a href="#" class="name">
            微博名:
            <span>网易阴阳师手游</span>
        </a>
    </div>

    <div class="sec-weibo">
        <div class="code">
            <img src="images/sec-weibo.png" alt="weibo"/>
        </div>
        <div class="txt clearfix">
            <p>关注官方微博</p>

            <p>扫描二维码</p>
            <span class="wb_txt"></span>
            <!--::after-->
        </div>
        <span class="line"></span>
        <a href="#" class="name">
            微博名:
            <span>网易阴阳师手游</span>
        </a>
    </div>
    <div class="server_part">
        <div class="server_icon"></div>
        <p>客户服务电话</p>

        <div class="tel">0571-26201179</div>
        <span class="line"></span>
        <a href="#" class="bug">BUG反馈，游戏问题</a>
    </div>
    <a href="javascript:;" class="back_top"></a>
    <!--::after-->
</div>

<!--section结束-->


<!--foot开始-->
<div class="foot">
    <div class="txt1"></div>
    <a href="javascript:;" class="foot_button">
        <span class="txt2">
            <em></em>
        </span>
        <em class="bar"></em>

        <div class="foot_button1">
            <img src="images/foot_erweima.png" alt="二维码"/>

            <p></p>
        </div>
        <span class="door"></span>
    </a>

    <div id="share">
        <div class="share6">
            <span class="share-txt">分享到：</span>
            <ul class="share-btn">
                <li>
                    <a href="javascript:;" title="分享到微信二维码" class="share-one">
                        <span class="iconfont icon-weixin"></span>
                        <em>微信</em>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="分享到易信" class="share-two">
                        <span class="iconfont icon-yixin"></span>
                        <em>易信</em>
                    </a>

                </li>
                <li>
                    <a href="javascript:;" title="分享到新浪微博" class="share-three">
                        <span class="iconfont icon-xinlang-copy"></span>
                        <em>新浪微博</em>
                    </a>

                </li>
                <li>
                    <a href="javascript:;" title="分享到QQ空间" class="share-four">
                        <span class="iconfont icon-qqkongjian"></span>
                        <em>QQ空间</em>
                    </a>

                </li>

            </ul>
        </div>
        <div class="share6-clearfix"></div>
    </div>
    <div id="copyRight"><p id="copyRight-corp"
                           style="width:832px;text-align:left;margin:0 auto;padding:15px 0 0 0;font-size:12px;font-family:'宋体';line-height:24px;display:block;position:relative;">
        <span style="position:relative;vertical-align:top;top:4px;display:inline-block;position:relative;"><a
                href="http://www.163.com" target="_blank"
                style="width:118px;height:31px;padding-right:0;display:inline-block;cursor:pointer;background:url(images/netease.1.png) no-repeat"></a><a
                href="http://game.163.com" target="_blank"
                style="width:134px;height:31px;padding-right:15px;display:inline-block;cursor:pointer;background:url(images/nie.1.png) no-repeat"></a></span><span
            style="text-align:left;display:inline-block;padding-left:6px;"><span id="ncp-l1"><a
            href="http://gb.corp.163.com/gb/about/overview.html" target="_blank">公司简介</a> - <a
            href="http://help.163.com/" target="_blank">客户服务</a> - <a href="http://gb.corp.163.com/gb/legal.html"
                                                                      target="_blank">相关法律</a> - <a
            href="http://game.163.com/about/about.html" target="_blank">网易游戏</a> - <a
            href="http://game.163.com/about/contactus.html" target="_blank">联系我们</a> - <a
            href="http://game.163.com/bs/business.html" target="_blank">商务合作</a> - <a href="http://game.163.com/job/"
                                                                                      target="_blank">加入我们</a> - <a
            href="http://game.163.com/sy/client/userAgreement2.html" target="_blank">用户协议</a></span><br><span
            id="ncp-l2">网易公司版权所有 ©1997-2017　　  </span></span><a href="http://www.leihuo.net/jiazhang.html"
                                                                style="display:inline-block;padding:2px;color:white;background-color:rgb(97,0,0);position:absolute;right:70px;top:38px;"
                                                                target="_blank">点击查看家长监护工程&nbsp;&gt;</a><br><span
            id="ncp-l3" style="display:inline-block;padding-top:10px;">本游戏适合16岁以上的玩家进入。<br>积极健康的游戏心态是健康游戏的开端，本游戏故事情节设置紧凑，请您合理控制游戏时间，避免沉溺游戏影响生活，注意自我保护，防范网络陷阱。<br><a
            target="_blank" href="http://game.163.com/news/2010/6/9/442_216957.html">《网络游戏管理暂行办法》</a>　文网游备字【2016】M-RPG4708号《网络文化经营许可证》浙网文[2016]0155-055号 </span>
    </p></div>

</div>
<!--foot结束-->

<script>

    //翻页 阴阳师消失
    $(window).scroll(function () {
        if ($(window).scrollTop() > $(window).height()) {
//            $("#main .yys").css({
//                "width":0,
//                "height":0,
//                "top":38,
//                "opacity":0,
//            })
            $("#banner .yys").hide();

        }
        //滚轮到顶部 阴阳师出现
        if ($(window).scrollTop() == 0) {
//            $("#main .yys").animate({
//                "width":70,
//                "height":199,
//                "left":50,
//                "opacity":1
//            })
            $("#banner .yys").show(1000);
        }
    });

    //底部鼠标移入 触发事件

    $(".foot .foot_button").mouseenter(function () {

        $(".foot .txt2").stop().animate({
            "opacity": 0
        });
        $(".foot .bar").stop().animate({
            "marginTop": "-13px"
        });
        $(".foot .door").stop().animate({
            "marginTop": "50px"
        });
        $(".foot .foot_button1").stop().animate({
            "marginTop": "-25px",
            "opacity": 1
        });
    });
    //鼠标移出事件
    $(".foot .foot_button").mouseleave(function () {

        $(".foot .txt2").stop().animate({
            "opacity": 1
        });
        $(".foot .bar").stop().animate({
            "marginTop": "60px"
        });
        $(".foot .door").stop().animate({
            "marginTop": "0px"
        });
        $(".foot .foot_button1").stop().animate({
            "marginTop": "0px",
            "opacity": 0
        });
    });


    //    section部分返回顶部箭头
    $(".section .back_top ").mouseenter(function () {
        $(this).stop().animate({
            "top": "-20px"
        });
    });

    $(".section .back_top ").mouseleave(function () {
        $(this).stop().animate({
            "top": "0px"
        });
    });

    $(".section .back_top ").click(function () {
        $(document.body).animate({
            "scrollTop": "0px"
        });
    });


    //    activity部分鼠标移入图片放大

    $(".activity_wrap .activity_item img").mouseenter(function () {
        $(this).stop().animate({
            "width": "110%",
            "height": "110%"
        })
    })

    $(".activity_wrap .activity_item img").mouseleave(function () {
        $(this).stop().animate({
            "width": "100%",
            "height": "100%"
        })
    })


    //    video部分鼠标移入图片放大
    $(".video img").mouseenter(function () {
        $(this).stop().animate({
            "opacity": 1
        })
    });

    $(".video img").mouseleave(function () {
        $(this).stop().animate({
            "opacity": 0.5
        })
    });


    //tongren tab栏鼠标移入

    $(".tongren .tongren_tabs li:not(.lastone)").mouseenter(function () {

        //按钮动画
        $(this).children().children("span").stop().animate({
            "top": "-1px"
        })
        $(this).children().children("i").stop().animate({
            "top": "24px"
        })

        //不同按钮切换不同部分
        var index = $(this).index();
//        console.log(index);
        $(".tongren .tempWrap .tongren_pics_wrap").stop().animate({
            "left": (-1220 * index) + "px"
        })

    });

    $(".tongren .tongren_tabs li:not(.lastone)").mouseleave(function () {
        //按钮动画
        $(this).children().children("span").stop().animate({
            "top": "18px"
        })
        $(this).children().children("i").stop().animate({
            "top": "75px"
        })

    })

    $(".tongren .tongren_tabs li:not(.lastone)").on({
        "click": function () {
            console.log(1);
            $(this).siblings("li").children("a").removeClass("on");
            $(this).children("a").addClass("on")
        }
    })

    //鼠标移入lastone移动
    //    $(".tongren .tongren_topbar .to_tuku").mouseenter(function () {
    //        $(this).stop().animate({
    //            "right":"-15px"
    //        });
    //    });
    //
    //    $(".tongren .tongren_topbar .to_tuku").mouseleave(function () {
    //        $(this).stop().animate({
    //            "right":"0px"
    //        });
    //    });

    $(".tongren .tongren_topbar .to_tuku").on({
        "mouseenter": function () {
            $(this).stop().animate({
                "right": "-15px"
            });
        },
        "mouseleave": function () {
            $(this).stop().animate({
                "right": "0px"
            });
        }
    })

    //tongren 鼠标移入视频出现扇子
    $(".tongren_pics li a span").mouseenter(function () {
        //出现扇子
        $(this).animate({
            "opacity": 1
        })
    })

    $(".tongren_pics li a span").mouseleave(function () {
        //扇子消失
        $(this).animate({
            "opacity": 0
        })
    })


    //strategy  右侧轮播图
    $(".strategy .com_tabs .tab_item ").on({
                "mouseenter": function () {
                    $(this).children("em").stop().animate({
                        "opacity": 1,
                        "top": "0px"
                    });
                    var index = $(this).index() / 2;
                    $(".tempWrap .strategy_list").stop().animate({
                        "left": -index * 835 + "px"
                    })
                },
                "mouseleave": function () {
                    $(this).children("em").stop().animate({
                        "opacity": 0,
                        "top": "10px"
                    })
                }
            }
    )


    //strategy 左侧搜索框
    //判断是否为空
    //    $("#txtSearchKeyword").on({"focus": function () {
    //        console.log(1);
    //        $(this).val("");
    //    },"blur": function () {
    //        if($(this).val()==""){
    //            $(this).val("请输入寮间问题");
    //        }
    //    }})
    //点击搜索按钮
    $(".strategy .btn_search").on({
        "click": function () {
            console.log(1);
            if ($("#txtSearchKeyword").val() == "") {
                alert("请输入关键字")
            }
        }
    })

    //    下面字移入滑动
    $(".strategy_nav a").on({
        "mouseenter": function () {
            $(this).children("span").stop().animate({"top": "-15px"})
        },
        "mouseleave": function () {
            $(this).children("span").stop().animate({"top": "0px"})
        }
    })
    //自动滚动
    //    var timer = null;
    //    var a = 1
    //    function scroll(){
    //        $(".tempWrap .strategy_banner_wrap").animate({
    //            "left":-368*a+"px"
    //        })
    //        a = 1? 0:1;
    //        console.log(a);
    //    }
    //
    //    timer=setInterval(function () {
    //        scroll()
    //    },1500)
    $(".strategy_banner_nav a").on({
        "mouseenter": function () {
            var index = $(this).index();
            $(this).siblings("a").removeClass("on");
            $(this).addClass("on");
            $(".tempWrap .strategy_banner_wrap").animate({
                "left": -368 * index + "px"
            }, 600)
        }
    })

    var count = 0;
    var timer = null;
    var firstPic = $(".strategy_banner_wrap a").eq(0).clone();
    $(".tempWrap .strategy_banner_wrap").append(firstPic);
    $(".tempWrap .strategy_banner_wrap").css("width", $(".strategy_banner_wrap a").length * 368 + "px")
    function play() {
        if (count == $(".strategy_banner_wrap a").length - 1) {
            $(".tempWrap .strategy_banner_wrap").css("left", "0px")
            count = 0;
        }
        count++;
        $(".tempWrap .strategy_banner_wrap").stop().animate({
            "left": -count * 368 + "px"
        })
        $(".strategy_banner_nav a").removeClass("on");
        if (count == $(".strategy_banner_nav a").length) {
            $(".strategy_banner_nav a").eq(0).addClass("on")
        } else {
            $(".strategy_banner_nav a").eq(count).addClass("on")
        }
    }
    timer = setInterval(play, 1500)


    $(".strategy_banner").on({
        "mouseenter": function () {
            clearInterval(timer);
        },
        "mouseleave": function () {
            clearInterval(timer);
            timer = setInterval(play, 1500)
        }
    })

    //鼠标移入文字
    $(".strategy_list ul li a").on({
        "mouseenter": function () {
            $(this).children().children("span").css("color", "#c1831c")
        },
        "mouseleave": function () {
            $(this).children().children("span").css("color", "#333")
        }
    })


    //banner轮播图

    var shu = 0;
    var timer1 = null;
    var onePic = $(".news_section .banner_wrap a").eq(0).clone();
    $(".news_section .banner_wrap").append(onePic);

    $(".news_section .banner_wrap").css("width", $(".news_section .banner_wrap a").length * 360 + "px")
    function player() {
        if (shu == $(".news_section .banner_wrap a").length - 1) {
            $(".news_section .banner_wrap").css("left", "0px")
            shu = 0;
        }
        shu++;
        $(".news_section .banner_wrap").stop().animate({
            "left": -shu * 360 + "px"
        }, 800)
        $(".news_section .banner_nav a").removeClass("on");
        if (shu == $(".news_section .banner_nav a").length) {
            $(".news_section .banner_nav a").eq(0).addClass("on")
        } else {
            $(".news_section .banner_nav a").eq(shu).addClass("on")
        }
    }
    timer1 = setInterval(player, 3000);

    $(".news_section .banner_nav a").on({
        "mouseenter": function () {
            var index = $(this).index();
            $(this).siblings("a").removeClass("on");
            $(this).addClass("on");
            $(".news_section .banner_wrap").stop().animate({
                "left": -360 * index + "px"
            }, 800)
        }
    })

    $(".news_section .banner_item").on({
        "mouseenter": function () {
            clearInterval(timer1);
        },
        "mouseleave": function () {
            clearInterval(timer1);
            timer1 = setInterval(player, 3000)
        }
    })

    //部分点击缩回
    $(".nie_download_wrap .nie-download .close_donwloadbar").on({
        "click": function () {
            $(".nie_download_wrap .nie-download").hide(500);
            $(".nie_download_wrap .fold_wrap").show();
            $(".nie_download_wrap").addClass("fold");
            $(".nie_download_wrap.fold").stop().animate({
                "marginLeft": "200px"
            })
        }
    })
    //点击出来
    $(".nie_download_wrap .fold_wrap a").on({
        "click": function () {
            $(".nie_download_wrap .nie-download").show();
            $(".nie_download_wrap .fold_wrap").hide();
            $(".nie_download_wrap").removeClass("fold");
            $(".nie_download_wrap").stop().animate({
                "marginLeft": "-148px"
            })
        }
    })


    //    new部分换页
    $(".news_wrap .news_tab span").on({
        "mouseenter": function () {
            $(this).siblings("em").stop().animate({
                "opacity": 1,
                "top": "4px"
            }, 300);
            var index = $(this).parent().index();
            console.log(index);
            $(".news_wrap .tempWrap2 .news_list").stop().animate({
                "left": -index * 500 + "px"
            })
        },
        "mouseleave": function () {
            $(this).siblings("em").stop().animate({
                "opacity": 0,
                "top": "12px"
            })
        }

    })
    //鼠标移入 字体变色
    $(".tempWrap2 .news_list ul li a").on({
        "mouseenter": function () {
            $(this).css("color", "#c1831c")
        },
        "mouseleave": function () {
            $(this).css("color", "#333")
        }
    })


    //shishen  点击按钮换下面部分
    $(".com_tabs a").on({
        "click": function () {
            $(this).siblings().children("em").stop().animate({
                "opacity": 0,
                "top": "10px"
            })
            $(this).children("em").stop().animate({
                "opacity": 1,
                "top": "0px"
            })
        }
    })

    $(".com_tabs a").eq(0).on({
        "click": function () {

            $(".pingan_container .shishen_container").addClass("show").siblings().removeClass("show");
        }
    })

    $(".com_tabs a").eq(1).on({
        "click": function () {
            $(".pingan_container .zhujue_container").addClass("show").siblings().removeClass("show")
        }
    })

    //点击主角 角色名字
    $(".zhujue_container .zhujue_tabs a").on({
        "click": function () {
            var index = $(this).index();
            $(this).addClass("cur").siblings().removeClass("cur");
            $(".zhujue_container").children(".zhujue_wrap").eq(index).addClass("show").siblings().removeClass("show");
        }
    })

    //
    //    $(".shishen_wrap ul li").on({
    //        "mouseenter": function () {
    //            $(this).children().children().stop().animate({
    //                "opacity":1
    //            })
    //        },
    //        "mouseleave": function () {
    //            $(this).children().children().stop().animate({
    //                "opacity":0
    //            })
    //        }
    //    })

    $(".shishen_tabs a").on({
        "click": function () {
            $(this).addClass("cur").siblings().removeClass("cur")
        }
    })


    $(".index_side_bar .link_list .odd").on({
        "mouseenter": function () {
            $(this).stop().animate({
                "marginRight": "13px"
            })
        },
        "mouseleave": function () {
            $(this).stop().animate({
                "marginRight": "28px"
            })
        }
    })

    $(".index_side_bar .link_list .even").on({
        "mouseenter": function () {
            $(this).stop().animate({
                "marginLeft": "43px"
            })
        },
        "mouseleave": function () {
            $(this).stop().animate({
                "marginLeft": "28px"
            })
        }
    })

    $(".index_side_bar .link_list .even1").on({
        "mouseenter": function () {
            $(this).stop().animate({
                "marginTop": "5px"
            })
        },
        "mouseleave": function () {
            $(this).stop().animate({
                "marginTop": "-5px"
            })
        }
    })

    $(".link_list .icon7").on({
        "mouseenter": function () {
            $(".icon7_h").stop().slideDown(function () {
                $(this).css("display", "block")
            })
        },
        "mouseleave": function () {
            $(".icon7_h").stop().slideUp(function () {
                $(this).css("display", "none")
            })
        },
    })





    //top_bar 根据页面位置固定取消
    $(window).scroll(function () {
        if($(this).scrollTop()>$("#top").height()){
            $(".top_bar .left_part").stop().animate({
                "opacity":1
            },200)

            $("#banner .top_bar").addClass("fixed");
        }else{
            $("#banner .top_bar").removeClass("fixed");
            $(".top_bar .left_part").stop().animate({
                "opacity":0
            },200)
        }
    })




    //顶部鼠标移入文字变色
    $(".top_bar .topnav_list li").on({
        "mouseenter": function () {
            $(this).children("a").css("color","red")
        },
        "mouseleave": function () {
            $(this).children("a").css("color","#333")
        }
    })
    $(".share6 .share-btn li").on({
        "mouseenter": function () {
            $(this).children("a").css("color","#c1831c")
        },
        "mouseleave": function () {
            $(this).children("a").css("color","#333")
        }
    })


    //鼠标移入游戏目录 出现页面
    $("#top-main .two").on({
        "mouseenter": function () {
            $("#table").stop().slideDown(function () {
                $(this).css("display", "block")
            })
        },
//        "mouseleave": function () {
//            $("#table").stop().slideUp(function () {
//                $(this).css("display", "none")
//            })
//        },
    })


    $("#table").on({
        "mouseleave": function () {
            $("#table").stop().slideUp(function () {
                $(this).css("display", "none")
            })
        }
    })
//    $("#top-main .two").on({
//        "mouseenter": function () {
//            console.log(1);
//            console.log($("#top-main #table").length);
//            $("#table").css("display","block");
//        }
//    })

</script>

</body>
</html>
